*{
    margin: 0;
    padding: 0;
}
body{
    background-color: rgb(247,247,247);
}
#main{
    background-color: white;
    width: 800px;
    height: auto;
    margin: 100px auto;
    box-shadow: 2px 2px 5px gray;
}
#mainContent{
    width: 100%;
    padding: 20px;
}

/*距左边的margin*/
.left-margin{
    margin: 20px;
}

/*装头像和上传按钮的div样式*/
#item-avatar{
    margin-left: 20px;
}
/*装头像的div*/
#avatar-div{
    display: inline;
}
/*头像img*/
#avatar{
    width: 100px;
    height: 100px;
}
/*上传按钮距头像的左margin*/
#item-avatar input{
    margin-left: 60px;
}
/*真正的样式不好看的的上传按钮*/
input[type=file]{
    display: none;
}

body div{
    width: 100%;
    margin-bottom: 20px;
}

/*输入框的宽度*/
body .input-group .form-control{
    float: none;
    width: 300px;
}

/*装label的div*/
.label-div{
    width: 140px;
    display: inline-block;
}
/*必选项的那个星号样式*/
.must-span{
    color: red;
    font-style: italic;
    float: right;
    width: 10px;
}
/*右边提示文字的样式*/
span{
    margin-left: 10px;
    color: red;
    font-style: italic;
}
/*性别单选按钮的margin间距*/
.sex-margin{
    margin-right: 20px;
}
/*个人简介文本域的最小宽高设置*/
#introduction{
    min-width: 300px;
    min-height: 34px;
    max-width: 700px;
}
/*第二个form的直接子div宽度与父容器同宽*/
#pwd-div>div{
    width: 100%;
}